<script>

export default {
  name: 'About',
  data: function () {
    return {}
  },
  // mounted() {
  //   console.log('About 组件挂载完毕了！');
  //   window.aboutRoute = this.$route;
  //   window.aboutRouter = this.$router;
  // },
  // beforeDestroy() {
  //   console.log("About 组件即将被销毁了！");
  // }

  // 【组件内路由守卫】，通过路由规则，进入该组件时被调用
  beforeRouteEnter: function (to, from, next) {
    console.log('beforeRouteEnter', to, from, next);
    console.log('to.meta:', to.meta);
    console.log('to.meta.isAuth:', to.meta.isAuth);
    if (to.meta.isAuth) { // 判断是否需要鉴权
      console.log('school:', window.localStorage.getItem("school"));
      if (window.localStorage.getItem("school") === '尚硅谷') {
        // 其中next()调用的作用是放行。
        next();
      } else {
        alert("从 localStorage 取出来的school值不是尚硅谷，无权限，请检查！")
      }
    } else {
      // 其中next()调用的作用是放行。
      next();
    }
  },
  // 【组件内路由守卫】，通过路由规则，离开该组件时被调用
  beforeRouteLeave: function (to, from, next) {
    console.log('beforeRouteLeave', to, from, next);
    next();
  },
}
</script>

<template>
  <div>
    <h2>我是 About 的内容</h2>
  </div>
</template>

<style scoped>

</style>